@layout("/common/_container.html"){
<style>.ulBox{margin:0;display:flex;padding-left:0;}.ulBox > li{flex:3;}.ulBox > li > div{margin:10px 0}.ulBox > li > div > span{display:inline-block;width:80px;height:28px;line-height:28px;}.frameBox{width:60%;height:28px;padding-left:10px;border:1px solid #cccccc;border-radius:5px;}.btnBox{background:#f1f1f1;position:fixed;bottom:0;width:100%;padding:5px 0;text-align:center;}.btnBox>button{margin:0;color:white;background:#6090b8;padding:5px 14px;}.btnBox>button:last-of-type{background:white;color:inherit;border:1px solid #999999}</style>
<div class="ibox float-e-margins" style="height: 100%;">
    <div style="height: 100%">
        <div style="background: #6090b8;color: white;padding: 5px 10px;">渠道审核</div>
        <div style="height: calc(100% - 75px);overflow: auto;padding: 20px;">
            <h3 style="margin:5px 0;"><span>到店状态：</span><span>${info.status}&nbsp;&nbsp;</span>
                <span>患者姓名：</span><span>${info.customerName}&nbsp;&nbsp;</span>
                <span>患者电话：</span><span>${info.customerPhone}</span>
            </h3>
            <div>
                <ul class="ulBox">
                    <li style="flex: 1.5;">
                        <div>
                            名称
                        </div>
                        <div>
                            <span>建档人</span>
                        </div>
                        <div>
                            <span>跟进人</span>
                        </div>
                        <div>
                            <span>归属人</span>
                        </div>
                        <div>
                            <span>一级媒介</span>
                        </div>
                        <div>
                            <span>二级媒介</span>
                        </div>
                        <div>
                            <span>三级媒介</span>
                        </div>
                    </li>
                    <li>
                        <div>
                            <label>原市场渠道</label>
                        </div>
                        <div>
                            <input type="text"  id="name" value="${info.name}" class="frameBox" readonly="readonly">
                        </div>
                        <div>
                            <input type="text"  id="follower" value="${info.follower}" class="frameBox" readonly="readonly">
                        </div>
                        <div>
                            <input type="text"  id="belonger" value="${info.belonger}" class="frameBox" readonly="readonly">
                        </div>
                        <div>
                            <input  id="sOneChannel"  value="${info.sOneChannel}" class="frameBox" readonly="readonly">
                        </div>
                        <div>
                            <input  id="sTwoChannel"  value="${info.sTwoChannel}" class="frameBox" readonly="readonly">
                        </div>
                        <div>
                            <input  id="sThrChannel"  value="${info.sThrChannel}" class="frameBox" readonly="readonly">
                        </div>
                    </li>
                    <li>
                        <div>
                            <label>申请修改渠道</label>
                        </div>
                        <div>
                            <input type="text"  id="archiving" value="${info.user}" class="frameBox" readonly="readonly">
                        </div>
                        <div>
                            <input type="text"  id="xfollower" value="${info.xfollower}" class="frameBox" readonly="readonly">
                        </div>
                        <div>
                            <input type="text"  id="xbelonger" value="${info.xbelonger}" class="frameBox" readonly="readonly">
                        </div>
                        <div>
                            <input  id="oneChannel" value="${info.oneChannel}" name="oneChannel"  class="frameBox" readonly="readonly">
                        </div>
                        <div>
                            <input  id="twoChannel" value="${info.twoChannel}" name="twoChannel" class="frameBox" readonly="readonly">
                        </div>
                        <div>
                            <input  id="thrChannel" value="${info.thrChannel}" name="thrChannel" class="frameBox" readonly="readonly">
                        </div>
                    </li>
                </ul>
            </div>
            <div style="display: flex;flex-wrap: wrap;">
                @for(item in info.approvalProcessInfoList){
                <div id="${item.id}" class="cp_img" style="width: 200px;height: 100px;padding: 8px 9px;border: 1px solid #DDDDDD;">
                    <img class="imagePath" src="${item.imagePath}" alt="" style="width: 180px;height: 85px;">
                </div>
                @}
            </div>
            <div>
                <p>${info.operationTime} ${info.submitter}(提交审批)<br>
                    ${info.remarks}</p>
                @for(approvalAuditInfo in approvalAuditInfoList){
                <p>${approvalAuditInfo.time} ${approvalAuditInfo.auditor}(${approvalAuditInfo.status})<br>
                    ${approvalAuditInfo.remarks}</p>
                @}
                <p>${info.reviewerPeople} ${info.result}</p>
            </div>
        </div>
    </div>
    <div class="btnBox">
        <button type="button" class="btn" id="cancel">关闭</button>
    </div>
</div>
@layout("/common/_bigimg.html"){
@}
<script src="${ctxPath}/static/modular/marketing/reservations/reservations_modify.js?v=20200628"></script>
@}